<template>
	<view>
		<view class="top-box">
			<view class="box">
				<view class="box1">
					<view class="">
						<text>课程已完成</text>
					</view>
					<view class="">
						<text>满意请给课程五星好评哦~</text>
					</view>
				</view>
				<view class="img">
					<image
						src="https://cimg.axureshop.com/47/f6/19/47f6193bc5004b1388c6fa23d2a9bd4e/images/%E8%AF%BE%E7%A8%8B%E8%AE%A2%E5%8D%95%E8%AF%A6%E6%83%85%EF%BC%88%E5%BE%85%E8%AF%84%E4%BB%B7%EF%BC%89/u4904.png"
						mode=""></image>
				</view>
			</view>
		</view>
		<course></course>
	</view>
</template>

<script setup>
	import course from '@/components/Course-orders-in-learning/Course-orders-in-learning.vue'
</script>

<style lang="less">
	.top-box{
		width: 100%;
		display: flex;
		justify-content: center;
	}
	.box {
		width: 670rpx;
		height: 192rpx;
		background: linear-gradient(270deg, rgba(102, 153, 255, 1) 0%, rgba(102, 153, 255, 1) 0%, rgba(102, 51, 255, 1) 100%, rgba(102, 51, 255, 1) 100%);
		border-radius: 16rpx;
		margin-top: 24rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	
	.box1 {
		margin-left: 40rpx;
	}
	
	.box1 view:nth-child(1) {
		font-size: 32rpx;
		color: #ffffff;
		font-weight: 400;
		margin-bottom: 22rpx;
	}
	
	.box1 view:nth-child(2) {
		font-size: 24rpx;
		color: #ffffff;
		font-weight: 400;
		margin-bottom: 22rpx;
		display: flex;
		margin-top: 22rpx;
		margin-bottom: 0;
	}
	
	.img image {
		width: 70rpx;
		height: 80rpx;
		margin-right: 40rpx;
	}
</style>
